radio 单项选择器

更新时间：2022-02-16

radio 单项选择器

单项选择器

属性说明：

属性名	类型	默认值	必填	说明
class-name	String	无	否	自定义class
value	String	无	否	只能和`iov-radio-group`一起使用时，value时必填项。不单独使用
disabled	Boolean	false	否	是否禁用
checked	Boolean	false	否	是否选中

二、示例：

json:

{
    "navigationBarTitleText": "radio demo",
    "usingComponents": {
        "iov-radio": "iov-ui/lib/radio",
        "iov-radio-group": "iov-ui/lib/radiogroup"
    }
}

swan:

<view>
    <iov-radio-group bindchange="bindchange">
        <iov-radio
            checked="{{select === '1'}}"
            value="1"
        >选项1</iov-radio>
        <iov-radio
            checked="{{select === '2'}}"
            value="2"
        >选项2</iov-radio>
        <iov-radio
            checked="{{select === '3'}}"
            value="3"
            disabled="{{true}}"
        >选项3</iov-radio>
    </iov-radio-group>
</view>

js:

Page({
    data: {
        select: ''
    },
    bindchange(e) {
        this.setData({
            select: e.value
        });
    }
});

popup-calendar 日历弹窗 radiogroup 单项选择器组